import { createApp } from 'vue'
import '@/assets/styles/rest.scss'
import App from './App.vue'
import router from './router/index'
import pinia from './store/index'
import ElementPlus from 'element-plus'
import 'nprogress/nprogress.css'
import 'element-plus/theme-chalk/dark/css-vars.css'

import zhCn from 'element-plus/es/locale/lang/zh-cn'
import BasicDetail from '@/components/Basicdetail/index.vue'
import BasicTable from '@/components/Basictable/index.vue'
import BasicBatchAdd from '@/components/Basicbatchadd/index.vue'
import BasicEchart from '@/components/Basicechart/index.vue'
import LayoutContent from '@/layout/LayoutContent/index.vue'
import BasicIcon from '@/components/Basicicon/index.vue'
import BasicUpload from '@/components/Basicupload/index.vue'
import BasicTabs from '@/components/BasicTabs/index.vue'
import BasicTab from '@/components/BasicTab/index.vue'
import BasicExcel from '@/components/BasicExcel/index.vue'

const app = createApp(App)
app.use(pinia)
app.use(router, { locale: zhCn })
app.use(ElementPlus, { locale: zhCn })

app.component('BasicDetail', BasicDetail)
app.component('BasicTable', BasicTable)
app.component('BasicBatchAdd', BasicBatchAdd)
app.component('BasicEchart', BasicEchart)
app.component('LayoutContent', LayoutContent)
app.component('BasicIcon', BasicIcon)
app.component('BasicUpload', BasicUpload)
app.component('BasicTabs', BasicTabs)
app.component('BasicTab', BasicTab)
app.component('BasicExcel', BasicExcel)

app.mount('#app')
